﻿
/*--------------------------------------------------*/

	
.css_over_p
{
	FILTER: alpha(opacity=30); BACKGROUND-COLOR: White; opacity: 0.3
	}

.css_over_pp
{
	FILTER: alpha(opacity=200); opacity: 2.0;
	z-index:100
	}
	
.css_out_p
{
	FILTER: alpha(opacity=0); BACKGROUND-COLOR: White; opacity: 0.0
	}


.break_module_line
{
	color:White;
	font-size:11px
	}

.css_title_product
{
	color:#fff;
	font-size:12px;
	font-weight:bold
	
	}
	
.ul_product{
	}
	
	
.ul_product li{
	width:145px;
	height:auto;
	padding:3px 0px 20px 20px;
	float:left;
	text-align:left;
	overflow:hidden;
}
.ul_product li .bor_img{
	width:132px;
	height:auto;
	border:1px solid #ccc;
	text-align:center;
	margin-bottom:4px;
	}
.ul_product li .name,
.ul_product li .price,
.ul_product li .link{
	width:140px;
	height:18px;
	font:normal 11px/18px Tahoma;
	color:#fff;
	text-align:left;
	overflow:hidden;
}
.ul_product li .price{
	font: bold 12px/18px Tahoma;
	color:#cc0000;
	}
.ul_product li .link{
	color:#333;
	text-decoration:none;
}
.ul_product li .link a{
	color:#333;
	margin:0 3px;
	text-decoration:none;
}
.ul_product li .link a img{
	margin-right:3px;
	text-decoration:none;
}
.ul_product li .link a:hover{
	color:#FF6600;
	text-decoration:none;
	}
	
	
.total_wrap{width:690px;margin:0 auto; filter:alpha(opacity=80);-moz-opacity: 0.8; opacity: .8; top:-50px}
.total{position:fixed; bottom:0;z-index:999;width:690px;height:80px;background:url(../image/total_bg.gif) repeat; -moz-border-radius:10px 10px 0 0;bottom:0;border:1px solid #A99964;z-index:99; padding:12px 15px 3px 15px ; border-bottom:none;}
.total .left{width:700px; float:left;}
.count{ width:700px; height:28px; background:url(../image/count_bg.jpg) repeat-x; border:2px solid #A99964; -moz-border-radius: 15px;}
.count span{ display:block;height:28px; background:url(../image/count_pe.jpg) repeat-x; -moz-border-radius: 15px;}
.total .right{width:320px; float:right;}
.btn_fin{ width:85px; height:32px; background:url(../image/btn_fin.jpg) no-repeat; border:none;}


A.css_sroll:link	{font-family:Tahoma, Arial, Helvetica, sans-serif; color:Blue; font-size:11px; font-weight:bold; text-decoration:none;}
A.css_sroll:active	{font-family:Tahoma, Arial, Helvetica, sans-serif; color:Blue; font-size:11px; font-weight:bold;text-decoration:none;}
A.css_sroll:visited	{font-family:Tahoma, Arial, Helvetica, sans-serif; color:Blue; font-size:11px; font-weight:bold;text-decoration:none;}
A.css_sroll:hover	{font-family:Tahoma, Arial, Helvetica, sans-serif; color:Red; font-size:11px; font-weight:bold;text-decoration:none;}


A.css_quantity_cart:link	{font-family:Tahoma, Arial, Helvetica, sans-serif; color:Blue; font-size:11px; font-weight:bold; text-decoration:none;}
A.css_quantity_cart:active	{font-family:Tahoma, Arial, Helvetica, sans-serif; color:Blue; font-size:11px; font-weight:bold;text-decoration:none;}
A.css_quantity_cart:visited	{font-family:Tahoma, Arial, Helvetica, sans-serif; color:Blue; font-size:11px; font-weight:bold;text-decoration:none;}
A.css_quantity_cart:hover	{font-family:Tahoma, Arial, Helvetica, sans-serif; color:Red; font-size:11px; font-weight:bold;text-decoration:none;}


A.css_link_newss:link	{font-family:Tahoma, Arial, Helvetica, sans-serif; color:Blue; font-size:11px; font-weight:bold; text-decoration:none;}
A.css_link_newss:active	{font-family:Tahoma, Arial, Helvetica, sans-serif; color:Blue; font-size:11px; font-weight:bold;text-decoration:none;}
A.css_link_newss:visited	{font-family:Tahoma, Arial, Helvetica, sans-serif; color:Blue; font-size:11px; font-weight:bold;text-decoration:none;}
A.css_link_newss:hover	{font-family:Tahoma, Arial, Helvetica, sans-serif; color:Red; font-size:11px; font-weight:bold;text-decoration:none;}

A.css_chitiet_newss:link	{font-family:Tahoma, Arial, Helvetica, sans-serif; color:Red; font-size:11px; font-weight:bold; text-decoration:none;}
A.css_chitiet_newss:active	{font-family:Tahoma, Arial, Helvetica, sans-serif; color:Red; font-size:11px; font-weight:bold;text-decoration:none;}
A.css_chitiet_newss:visited	{font-family:Tahoma, Arial, Helvetica, sans-serif; color:Red; font-size:11px; font-weight:bold;text-decoration:none;}
A.css_chitiet_newss:hover	{font-family:Tahoma, Arial, Helvetica, sans-serif; color:Blue; font-size:11px; font-weight:bold;text-decoration:none;}

.modalBackground {
	FILTER: alpha(opacity=70); BACKGROUND-COLOR: gray; opacity: 0.7
}

.modalPopup_PP {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:#d8bdf3;
	padding:3px;
	padding-top:2px;
	padding-right:2px;
}

#bottom-fix
{
	position:fixed; right:0px; bottom:0px; z-index:9999;
	display:block;
	_position: absolute;
	_top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+(documentElement.clientHeight-this.clientHeight) 
	: document.body.scrollTop
	+(document.body.clientHeight-this.clientHeight));
	_width:expression(eval(document.body.clientWidth));
	width:100%;	
}
#toolbar
{
	FILTER: alpha(opacity=100); BACKGROUND-COLOR: #ffffff; opacity: 1.0;
	border: 1px #999999 solid;
	border-bottom:none;
	width:800px;
	margin:0 auto;
	padding: 5px;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
	font-size:13px;
}
#toolbar a{text-decoration:none}
#toolbar .copyright {font-size:10px;color:#333; margin-top:5px;}
#progress-bar {
   background: url('../image/0.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}


#progress-bar-5 {
   background: url('../image/5.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}
#progress-bar-10 {
   background: url('../image/10.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}
#progress-bar-15 {
   background: url('../image/15.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}
#progress-bar-20 {
   background: url('../image/20.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}
#progress-bar-25 {
   background: url('../image/25.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}
#progress-bar-30 {
   background: url('../image/30.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}
#progress-bar-35 {
   background: url('../image/35.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}
#progress-bar-40 {
   background: url('../image/40.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}

#progress-bar-45 {
   background: url('../image/45.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}

#progress-bar-50 {
   background: url('../image/50.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}

#progress-bar-55 {
   background: url('../image/55.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}

#progress-bar-60 {
   background: url('../image/60.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}
#progress-bar-65 {
   background: url('../image/65.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}
#progress-bar-70 {
   background: url('../image/70.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}
#progress-bar-75 {
   background: url('../image/75.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}
#progress-bar-90 {
   background: url('../image/90.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}
#progress-bar-105 {
   background: url('../image/105.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}
#progress-bar-110 {
   background: url('../image/110.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}
#progress-bar-115 {
   background: url('../image/115.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}
#progress-bar-120 {
   background: url('../image/120.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}
#progress-bar-125 {
   background: url('../image/125.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}
#progress-bar-138 {
   background: url('../image/138.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}

#progress-bar-150 {
   background: url('../image/150.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}
#progress-bar-165 {
   background: url('../image/165.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}
#progress-bar-180 {
   background: url('../image/180.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}
#progress-bar-192 {
   background: url('../image/192.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}
#progress-bar-195 {
   background: url('../image/195.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}
#progress-bar-205 {
   background: url('../image/205.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}
#progress-bar-220 {
   background: url('../image/220.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}
#progress-bar-235 {
   background: url('../image/235.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}


#progress-bar-240 {
   background: url('../image/240.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}
#progress-bar-245 {
   background: url('../image/245.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}
#progress-bar-250 {
   background: url('../image/250.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}
#progress-bar-265 {
   background: url('../image/265.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}
#progress-bar-280 {
   background: url('../image/280.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}
#progress-bar-295 {
   background: url('../image/295.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}
#progress-bar-310 {
   background: url('../image/310.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}
#progress-bar-325 {
   background: url('../image/325.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}
#progress-bar-340 {
   background: url('../image/340.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}

#progress-bar-350 {
   background: url('../image/350.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}
#progress-bar-360 {
   background: url('../image/360.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}
#progress-bar-375 {
   background: url('../image/375.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}
#progress-bar-390 {
   background: url('../image/390.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}
#progress-bar-400 {
   background: url('../image/400.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}
#progress-bar-415 {
   background: url('../image/415.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}
#progress-bar-430 {
   background: url('../image/430.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}

#progress-bar-440 {
   background: url('../image/440.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}
#progress-bar-455 {
   background: url('../image/455.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}
#progress-bar-470 {
   background: url('../image/470.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}
#progress-bar-485 {
   background: url('../image/485.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}
#progress-bar-500 {
   background: url('../image/500.png') no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}

#progress-bar-510 {
   background: url(../image/510.png) no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}

#progress-bar-520 {
   background: url(../image/520.png) no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}

#progress-bar-530 {
   background: url(../image/530.png) no-repeat left center;
   float:left;
   width: 530px;
   height: 30px;
   margin-right:10px;
   text-align:left;
}
.cover_1 {
	background-color: #FFFFFF;
	padding: 2px;
	border: 1px solid #CCCCCC;
	height: 193px;
	width: 129px;
}

/*************TOOLTIPS******************/
#dhtmltooltip{

font-family: Tahoma, Verdana, Arial, Helvetica;
font-size: 11px;
position:absolute;
left:300px;
width: 800px;
padding: 5px;

visibility: hidden;
z-index: 200;
filter: progid:DXImageTransform.Microsoft.Shadow(color=white,direction=100);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}
.total_wrap{width:750px;margin:0 auto; filter:alpha(opacity=80);-moz-opacity: 0.8; opacity: .8; top:-50px}

.total{position:fixed; bottom:0;z-index:999;width:750px;height:50px;background:url(../images/total_bg.jpg) repeat; -moz-border-radius:10px 10px 0 0;bottom:0;border:1px solid #A99964;z-index:99; padding:12px 10px 3px 10px ; border-bottom:none;}

.total .left{width:465px; float:left;}

.count{ width:458px; height:28px; background:url(../images/count_bg.jpg) repeat-x; border:2px solid #A99964; -moz-border-radius: 15px;}

.count span{ display:block;height:28px; background:url(../images/count_pe.jpg) repeat-x; -moz-border-radius: 15px;}

.total .right{width:220px; float:right;}